<template>
    <div>
        <van-grid :border="false" :column-num="2">
            <van-grid-item v-for="(v, i) in props.list" :key="i">
                <van-image
                    :src="v.goods_small_logo ? v.goods_small_logo : ' https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg'" 
                    style="width: 15rem; height: 15rem;"
                    />
                <p>{{ v.goods_name }}</p>
            </van-grid-item>
        </van-grid>
    </div>
</template>

<script setup>
import { ref } from 'vue'
import { swiperdataApi } from '@/api/api'
const props = defineProps(['list'])
let list = ref([])
const getlunbo = () => {
    swiperdataApi().then((res) => {
        list.value = res.data.message
    })
}
getlunbo()
</script>

<style lang="scss" scoped></style>